body {
margin: 0 ;
padding:0;
margin-top: 20px;
font-family: arial, Helvetica, sans-serif;
text-align: center ;
font-size: 13px;
color: #343434;
background: url(../images/fond.png) repeat-x ;
background-color: #2e3640;
}

div.preload {display:none;}
div.preload img {display:none;}

/********************************** Eléments génréraux de mise en page **************************************/

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}
h3{
  font-size:15px;
  color: #765231;
  text-align: center;
}
p{
padding: 0;
margin: 0;
text-align:justify;
}

a {
outline: none;
}

img {
border: none;
}

dl{
  position: relative;}
  dl.devis{
    margin: 10px 0 10px 150px;
    width: 390px;}
  dt{
    text-align: right;
    float: left;
    width: 100px;
    margin: 5px;
    font-weight: bolder;}
  dd{
    width: 250px;
    margin: 5px;
    float: left;}

form {
padding:0;
margin: 0;
}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

.lineheight0{
line-height: 0px;
}

ul {
padding: 0;
margin: 0;
list-style-type: square;
list-style-position:inside;
margin-left:10px;
text-align:justify;
}

.color_bleu {
color : #5baaca;
}

.italic {
font-style:italic;
}


.margintop5 {
margin-top: 5px;
}

.color_orange {
color: #f38c3f;
}
.recherche_image{
  margin: 8px 0 0 25px;}

/********************************** Fin Eléments génréraux de mise en page **************************************/



#main {
margin:0 auto;
width: 960px;
text-align: left ;
background: #FFF;
}

#top {
width: 960px;
height: 176px;
background: url(../images/logo_abaca.png) no-repeat ;
}

#foot {
width: 960px;
height: 50px;
}

h1#header {
height:66px;
float: left;
}

h1#header a {
height: 66px ;
display: block ;
text-indent: -5000px ;
background: url(../images/logo_abaca.png) no-repeat ;
float: left;
}

#menu_top {
width: 960px;
height: 38px;
background: #36505f;
border-bottom: 4px solid #abc4e8;
}

ul#menu {
width: 960px;
height: 36px ;
margin: 0 ;
padding: 0 ;
margin-left: 5px;
list-style-type: none ;
}

ul#menu li {
float: left ;
font-size: 14px;
color: #FFF;}
  ul#menu li a{
    text-decoration: none;
    padding: 5px 14px 0 14px;
    color: #FFF;
    line-height: 38px;
  }
  ul#menu li.separateur{
    background: url(../images/separateur_1.png) no-repeat top right;
  }
.zone_diapo {
width: 960px;
height: 324px;
margin-top: 15px;
background: url(../images/fond_ban.png) no-repeat ;
}

.zone_gauche_diapo {
width: 470px;
margin-top:30px;
margin-left:40px;
float: left;
}


.block_droit_compte {
width: 323px;
margin-top: 26px;
margin-left: 10px;
float: left;
}



#contenu {
width: 960px;
margin-top: 5px;
}


.zone_droite_formulaire{
width:415px;
height:143px;
margin-top: 130px;
margin-left: 20px;
border-right: 5px solid #3e5b87;
float: left;
}

.zone_gauche_form {
width:200px;
height: 143px;
float: left;
}

.zone_droite_form {
width:200px;
height: 143px;
margin-left: 10px;
float: left;
}


/*************************************************************************************************/
/*************************************************************************************************/

/***************** Général **************/
.block_gauche {
width: 200px;
margin-left:0px;
margin-top:-20px;
margin-right: 12px;
float: left;
}

.baniere_dessus{
margin-top:2px;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
width:190px;
border: 2px #36505f solid;
color: #36505f;
font-size:12px;
font-weight : bold;
background-color:#b0c4de;
}
.baniere_tunisie{
margin-top:2px;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
width:190px;
border: 2px #36505f solid;
color: #36505f;
font-size:12px;
font-weight : bold;
}
.baniere_up{
border: 1px #36505f solid;
}

.baniere{
width: 200px;
display:block;
}

.block_droit {
width: 735px;
margin-right:13px;
float:left;
}

/***************** Accueil **************/

.actualite{
	margin-top:15px;
	margin-bottom:15px;
	text-align: justify;
}
.actualite_texte{
	margin-right:13px;
	margin-left:13px;
}

.titre_act{
	font-weight:bold;
	font-size:15px;
}
.detail_act{
	font-weight:bold;
	font-size:13px;
}

#lien_venir_bordeaux {
	width: 200px;
	float: left;
	margin-right: 25px;
	margin-left: 45px;
}

#lien_evenements {
	width: 200px;
	float: left;
	margin-right: 25px;
}

#lien_contact {
	width: 200px;
	float: left;
}

.images_liens_accueil{
	width:200px;
	height:150px;
	text-align: center;
}

.image_actualite
{
border: 1px #36505f solid;
}

.image_actu{
	width:150px;
	height:150px;
	float: left;
	text-align: center;
}

.texte_liens_accueil{
	font-size:12px;
	width:200px;
}

.titre_text_accueil{
	font-size:14px;
	text-align: center;
	width:200px;
	display:inline-block;
}

.liens_accueil{
	margin-bottom:10px;
	text-align: justify;
}

/***************** Page liste CA **************/
div.siege_social{
	border: 2px #36505f solid;
	width:730px;
}

.siege_social .SC_titre{
	color: #36505f;
	font-size:18px;
	font-weight : bold;
}

.siege_social .SC_text{
	font-size:15px;
}

.siege_social .SC_text a{
	text-decoration : none;
	color:#343434;
}

.siege_social .SC_text a:hover{
	color:#2f4f4f;
	font-size:15px;
	font-weight : bold;
}


table.table_CA{
	border: 2px #36505f solid;
	width:730px;
}

table.table_CA th {
	height:40px;
	padding: 5px;
	background-color:#b0c4de;
}

.table_CA tr th span.Titre_CA{
	font-size:18px;
	color: #2f4f4f;
	font-weight : bold;
}

table.table_CA td {
	border: 1px #5f9ea0 solid;
	height:35px;
	padding: 5px;
}

.table_CA tr th.nom_prenom{
	width:155px;
}
.table_CA tr th.fonction{
	width:130px;
}
.table_CA tr th.formation{
	width:147px;
}

.table_CA tr th.email{
	width:224px;
}

.table_CA tr th.telephone{
	width:94px;
}

.table_CA tr td span.Style2 a{
	text-decoration : none;
	color:#343434;
}

.table_CA tr td span.Style2 a:hover{
	color:#2f4f4f;
	font-size:12px;
	font-weight : bold;
}

.table_CA tr td .Style2{
	font-size:13px;
}

/***************** Général **************/
.floatleft {
	float: left;
}

/***************** Page Khomsa**************/

.image_contact{
	margin-top:10px;
	float:left;
	width:20%;
}

.image_ecrire{
	margin-top:48px;
}

.faites_ressortir, .khomsa{
	font-size:16px;
}

.partie_deux_debut{
	margin-top:55px;
}
.Ami_tunisien{
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	margin-left:5px;
}

#texte1{
	margin-top:-5px;
	margin-bottom:44px;
}

#texte2 {
	margin-left: 20px;
	margin-right: 34px
}

P {
	color:black; 
	text-align: justify
}

Pt {
	text-align: justify
}

a {
    color:blue; 
    text-decoration:none;
}

a:hover{
    color:#FF9900;     
    text-decoration:underline;   
} 



.roundedcornr_box_339039 {
   background: #ffffff;
}
.roundedcornr_top_339039 div {
   background: url(../mages/roundedcornr_339039_tl.png) no-repeat top left;
}
.roundedcornr_top_339039 {
   background: url(../mages/roundedcornr_339039_tr.png) no-repeat top right;
}
.roundedcornr_bottom_339039 div {
   background: url(../mages/roundedcornr_339039_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_339039 {
   background: url(../mages/roundedcornr_339039_br.png) no-repeat bottom right;
}

.roundedcornr_top_339039 div, .roundedcornr_top_339039, 
.roundedcornr_bottom_339039 div, .roundedcornr_bottom_339039 {
   width: 100%;
   height: 50px;
   font-size: 1px;
}
.roundedcornr_content_339039 { margin: 0 25px;}

/*************** Page présentattion de l'association ********************/

.presentation {
	margin-left: 14px; 
	margin-right: 25px;
}

.association {
	font-size: 13px;
	font-weight:bold;
	margin-left:20px;
	display:inline-block;
}

/*************** Evénements********************/

.block_evenement {
	float: left;
	height:202px;
	width:700px;
	margin-bottom: 25px;
	margin-left:15px;
}
.image_evenement{
	border: 1px #36505f solid;
	float: left;
	width:200px;
	height:200px;
	display:block;
}
.titre_evenement{
	width: 480px;
	height: 70px;
	margin-left:220px;
	margin-top:10px;
	margin-bottom:10px;
}

.description_evenement{
	width: 470px;
	height: 90px;
	margin-left:230px;
	margin-bottom:10px;
}



/*************** Page contact********************/

table.table_contact_coor{
	border: 0.5px #36505f solid;
	width:730px;
}

table.table_contact_coor td {
	height:35px;
	padding: 5px;
}

div.contact_coordonnes{
	width:730px;
	margin-bottom:10px;
}

.contact_coordonnes .contact_titre{
	color: #36505f;
	font-size:18px;
	font-weight : bold;
}

.contact_coordonnes .contact_text{
	font-size:15px;
}

.contact_coordonnes .contact_text a{
	text-decoration : none;
	color:#343434;
}

.contact_coordonnes .contact_text a:hover{
	color:#2f4f4f;
	font-size:15px;
	font-weight : bold;
}


/*************** Venue Bordeaux ********************/
.p_intro, .p_1_VB, .p_2_VB, .p_3_VB{
text-align:justify;
margin-right:10px;
margin-left:10px;

}

/*************** Imed a revoir********************/

#image {
	float: left;
}
#image {
	margin-top: 15% 
}

#texte {
	margin-top: -50%;
	margin-bottom: 3%;
	margin-left: 22%;
	margin-right: 5%;
	background-color: #ffffff;
	float: right;
}

